webEditor.define(function(exports){
	var MOD_NAME = 'panel';
	var panel = function(){
		var ele;
		this.config = function(config){
			if(typeof(config['ele'])!="undefault"){
				this.ele = config['ele'];
			}
		}
		this.render = function(config){
			this.config(config);
			var leftHtml = this.renderLeft();
			var contentHtml = this.renderContent();
			var shtml = `<div class="LdgDiyForm" style="background:#edededa1;">${leftHtml}${contentHtml}</div>`;
			shtml += '<div class="dragControl"></div><div class="previewMain"></div>';
			$(this.ele).html(shtml);
		}
		this.renderLeft = function(){
			var shtml = `<div class="ldgFormControl">
			<div class="ldgLeft">
			<p class="LdgFormTitle">工具欄</p>
			<div class="LdgFormControls"></div>
			</div></div>`;
			return shtml;
		}
		this.renderContent = function(){
			var shtml = `<div class="ldgFormDesigner"><div class="LdgFormSubject ldgPrew ldgRight">
			<div class="LdgFormButton">
		<button class="btn btn-danger btn-xs ldgFormClearAll"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span>清空</button>
		</div>
		<form class="LdgFormSubjectForm container main-container can-drag"></form>
		<div class="add-row" id="add-row">
		<div class="add"><button class="btn btn-primary"><i class="glyphicon glyphicon-plus"></i>添加佈局</button></div>
		<div id="elementor-add-new-section" class="elementor-add-section" style="display:none;">
		<div class="elementor-add-section-close"><span class="glyphicon glyphicon-remove"></span></div>
		<ul class="elementor-select-preset-list">
		<li class="elementor-preset elementor-column elementor-col-16" data-structure="10">		<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 50"><path d="M100,0V50H0V0Z"></path></svg>	</li>
		<li class="elementor-preset elementor-column elementor-col-16" data-structure="20">		<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 50"><path d="M49,0V50H0V0Z M100,0V50H51V0Z"></path></svg>	</li>
		<li class="elementor-preset elementor-column elementor-col-16" data-structure="30">		<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 50"><path d="M32,0V50H0V0Z M66,0V50H34V0Z M100,0V50H68V0Z"></path></svg>	</li>
		<li class="elementor-preset elementor-column elementor-col-16" data-structure="40">		<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 50"><path d="M23.5,0V50H0V0Z M49,0V50H25.5V0Z M74.5,0V50H51V0Z M100,0V50H76.5V0Z"></path></svg>	</li>
		<li class="elementor-preset elementor-column elementor-col-16" data-structure="50">		<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 50"><path d="M18.4,0V50H0V0Z M38.8,0V50H20.4V0Z M59.2,0V50H40.8V0Z M79.6,0V50H61.2V0Z M100,0V50H81.6V0Z"></path></svg>	</li>
		<li class="elementor-preset elementor-column elementor-col-16" data-structure="60">		<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 50"><path d="M15,0V50H0V0Z M32,0V50H17V0Z M49,0V50H34V0Z M66,0V50H51V0Z M83,0V50H68V0Z M100,0V50H85V0Z"></path></svg>	</li>
		</ul></div></div></div></div>`;
			return shtml;
		}
	}

	exports(MOD_NAME, new panel());
});
// export(panel, panel);